<!-- 级联选择器容器 -->
<div class="el-cascader" ng-class="[size ? 'el-cascader--' + size : '']">
  <!-- 输入框 -->
  <div class="el-input el-input--suffix" ng-class="[menuVisible ? 'is-focus' : '', size ? 'el-input--' + size : '']" ng-click="toggleMenu($event)">
    <input type="text" readonly="readonly" autocomplete="off" placeholder="请选择" class="el-input__inner"
      aria-expanded="true" ng-model="selectedLabel">
    <span class="el-input__suffix"><span class="el-input__suffix-inner"><i class="el-input__icon el-icon-arrow-down"
          ng-class="{ 'is-reverse': menuVisible }"></i>
      </span>
    </span>
  </div>

  <!-- 级联菜单 -->
  <div class="el-popper el-cascader__dropdown" ng-show="menuVisible" ng-style="{ width: menuWidth + 'px' }">
    <div class="el-cascader-panel">
      <div class="el-scrollbar el-cascader-menu" ng-repeat="level in menuLevels track by $index">
        <div class="el-cascader-menu__wrap el-scrollbar__wrap">
          <ul class="el-scrollbar__view el-cascader-menu__list">
            <li class="el-cascader-node" ng-repeat="item in level" ng-class="{ 
              'in-active-path': isActive(item, $parent.$index),
              'is-disabled': item.disabled
            }" ng-click="selectItem(item, $parent.$index, $event)">
              <span class="el-cascader-node__label">{{ item.label }}</span>
              <i class="el-icon-arrow-right el-cascader-node__postfix"
                ng-if="item.children && item.children.length"></i>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>